<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TechNova - About Us</title>
    <link rel="stylesheet" href="../css/styles.css">
</head>
<body>
    <div class="container">
        <!-- header.php -->
        <?php include '../common/header.php'; ?>
        
        <div class="about">
            <h1>About TechNova</h1>
            
            <div class="history">
                <h2>Our History</h2>
                <p>TechNova was founded in 2010 by a group of passionate technology experts. Our mission is to bring the most advanced technology to every enterprise and individual, helping them soar in the digital age.</p>
            </div>
            
            <div class="org-chart">
                <h2>Organizational Structure</h2>
                <div class="org-tree">
                    <div class="org-node ceo">
                        <img src="../images/ceo-image.jpg" alt="CEO">
                        <h3>CEO</h3>
                        <p>John Doe</p>
                    </div>
                    <div class="org-level">
                        <div class="org-node">
                            <img src="../images/cfo-image.jpg" alt="COO">
                            <h3>COO</h3>
                            <p>Sarah Brown</p>
                        </div>
                        <div class="org-node">
                            <img src="../images/cto-image.jpg" alt="CTO">
                            <h3>CTO</h3>
                            <p>Jane Smith</p>
                        </div>
                    </div>
                    <div class="org-level">
                        <div class="org-node">
                            <img src="../images/hr.jpg" alt="HR Director">
                            <h3>HR Director</h3>
                            <p>Emily Wilson</p>
                        </div>
                        <div class="org-node">
                            <img src="../images/finance.jpg" alt="Finance Director">
                            <h3>Finance Director</h3>
                            <p>Mike Johnson</p>
                        </div>
                        <div class="org-node">
                            <img src="../images/tech.jpg" alt="Tech Lead">
                            <h3>Tech Lead</h3>
                            <p>David Lee</p>
                        </div>
                        <div class="org-node">
                            <img src="../images/product.jpg" alt="Product Manager">
                            <h3>Product Manager</h3>
                            <p>Lisa Chen</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="vision">
                <h2>Our Vision</h2>
                <p>To become a global leader in technological innovation and shape a smarter and more connected world.</p>
            </div>
        </div>
    </div>
    
    <!-- footer.php -->
    <?php include '../common/footer.php'; ?>
</body>
</html>